<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Moqin--关于我</title>
      <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/jquery.fullPage.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/myanimate.css">
	<link rel="stylesheet" href="css/my.css">
</head>
<body>
	<nav class="navbar navbar-default">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"  data-target="#my-navbar-collapse">
			         <span class="sr-only">自适应切换</span>
			         <span class="icon-bar"></span>
			         <span class="icon-bar"></span>
			         <span class="icon-bar"></span>
			</button>
			<a href="" class="navbar-brand">Moqin</a>
		</div>
		<div class="collapse navbar-collapse" id="my-navbar-collapse">
			<ul class="nav navbar-nav">
				<li class="active"><a href="index.html">首页</a></li>
				<li><a href="js.html">前端技术</a></li>
				<li><a href="aspnet.html">后端技术</a></li>
				<li><a href="note.html">学习笔记</a></li>
				<li><a href="about.html">关于我</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right">
				<li class="active"><a href="login.html">登陆</a></li>
				<li><a href="">注册</a></li>
			</ul>
		</div>
	</div>
	</nav>
	<div class="about-contain container0">

		<section class="my-first section">
			<div class="contain">
				<span class="about-me">前端工程师</span>
				<span class="jianli">简历</span>
				<p class="change"><span class="change-ch">代码改变世界</span><small class="change-en">  — Write the Code,Change the World</small></p>
				<div class="next-page"><span class="next-page-btn glyphicon glyphicon-arrow-down"></span></div>
				<div class="Kgcircle">
					<div class="circle-zhuan1"></div>
					<div class="circle1"></div>
					<div class="circle2"></div>
				</div>
			</div>
		</section>
		<section class="goelia section">
			<div class="contain  container">
				<div class="goelia-title title16">公司：歌莉娅</div>
				<duv class="row">
					<div class="goelia-left col-md-6">
						<p><span class="glyphicon glyphicon-chevron-right"></span>添加链接工具：鼠标移上去，通过添加跟图片同样大小和位置的div，设置div的box-shadow来区分图片的位置。</p>
						<p><span class="glyphicon glyphicon-chevron-right"></span>商品打标工具：添加售罄图标，然后把当前的商品移动到最后位置</p>
						<p><span class="glyphicon glyphicon-chevron-right"></span>商品排序：通过引用sortable插件对商品进行拖动排序</p>
						<p><span class="glyphicon glyphicon-chevron-right"></span>对商品修改：通过双击鼠标，获取到当前商品的详细信息，确定修改后可以修改所选的商品的信息</p>
					</div>

					<div class="goelia-right col-md-6">
						<dl>
							<dt>Node.js+mongodb+framework7</dt>
							<dd>使用node.js跟朋友一起开发了《广州爱妈妈》公众号的网上商场模块，布局效果使用		 framework，前后端数据交互使用ajax。</dd>
						</dl>
						<dl>
							<dt>Bootstrap</dt>
							<dd>使用bootstrap框架开发了《广州爱妈妈》公司概况介绍。</dd>
						</dl>
						<dl>
							<dt>animate.css+fullpage.js</dt>
							<dd>个人网站介绍使用animate+bootstrap+fullpage+framework搭建</dd>
						</dl>
					</div>
				</duv>
				<div class="goelia-other hidden-xs">
					<ul>
						<li class="big">html5</li>
						<li class="big">css3</li>
						<li>node.js</li>
						<li>jquery</li>
						<li class="big">bootstrap</li>
						<li>响应式</li>
						<li  class="big">Ajax+json</li>
					</ul>
				</div>
			</div>
		</section>
		<section class="yuma section">
			<div class="sky">
				<div class="cloud_one"></div>
				<div class="cloud_two"></div>
				<div class="cloud_three"></div>
			</div>	
			<div class="contain container">


				<div class="yuma-title title16">公司：广州域码</div>
				<div class="yuma-lists ">
				<div class="yuma-row row">
					<div class="yuma-list col-md-3 col-xs-6 ">
						<div class="yuma-image"><img src="img/yuma.png" alt=""></div>
						<div class="yuma-text">
							<h3>广州域码</h3>
							<h5>重新设置优化了公司官网（www.yuma.net.cn）</h5>
						</div>
					</div>
					<div class="yuma-list col-md-3 col-xs-6 ">
						<div class="yuma-image"><img src="img/yuma2.jpg" alt=""></div>
						<div class="yuma-text">
							<h3>找茬接口</h3>
							<h5>开发一个借口对接找茬游戏，通过接口获取不同的数据</h5>
						</div>
					</div>
					<div class="yuma-list col-md-3 col-xs-6 ">
						<div class="yuma-image"><img src="img/sijian.png" alt=""></div>
						<div class="yuma-text">
							<h3>工程进度</h3>
							<h5>广东四建OA嵌套工程进度柱形图，主要使用mschart</h5>
						</div>
					</div>
					<div class="yuma-list col-md-3 col-xs-6 ">
						<div class="yuma-image"><img src="img/juewei.png" alt=""></div>
						<div class="yuma-text">
							<h3>省装和鸭脖</h3>
							<h5>绝味鸭脖官网（http://www.juewei.cn/）广东省装有asp改成asp.net</h5>
						</div>
					</div>
				</div>
				</div>
			</div>
		</section>
		<section class="xiangmu section">
			<div class="contain container">
				<div class="xiangmu-titled title16">项目经验</div>
				<div class="xiangmu-lists row">
					<ul>
						<li class="col-md-4 col-xs-6">
							<div>
								<div class="xiangmu-pic"><img class="img-responsive" src="img/ai-index.jpg" alt=""></div>  
								<div class="xiangmu-text">
									<div class="xiangmu-table">
										<div class="xiangmu-cell">
											<p class="xiangmu-name">广州爱妈妈</p>	
											<p class="xiangmu-jishu">技术:node.js+framework</p>	
										</div>
									</div>
								</div>
							</div>
						</li>
						<li class="col-md-4 col-xs-6">
							<div>
								<div class="xiangmu-pic"><img class="img-responsive" src="img/jianli.png" alt=""></div>  
								<div class="xiangmu-text">
									<div class="xiangmu-table">
										<div class="xiangmu-cell">
											<p class="xiangmu-name">我的简历</p>	
											<p class="xiangmu-jishu">技术:bootstrap+fullpage+animate</p>	
										</div>
									</div>
								</div>
							</div>
						</li>
						<li class="col-md-4 col-xs-6">
							<div>
								<div class="xiangmu-pic"><img class="img-responsive" src="img/index.png" alt=""></div>  
								<div class="xiangmu-text">
									<div class="xiangmu-table">
										<div class="xiangmu-cell">
											<p class="xiangmu-name">商场首页</p>	
											<p class="xiangmu-jishu">技术:bootstrap+jquery</p>	
										</div>
									</div>
								</div>
							</div>
						</li>
						<li class="col-md-4 col-xs-6">
							<div>
								<div class="xiangmu-pic"><img class="img-responsive" src="img/yuma.png" alt=""></div>  
								<div class="xiangmu-text">
									<div class="xiangmu-table">
										<div class="xiangmu-cell">
											<p class="xiangmu-name">广州域码</p>	
											<p class="xiangmu-jishu">技术: asp.net+sql</p>
										</div>	
									</div>
								</div>
							</div>
						</li>
						<li class="col-md-4 col-xs-6">
							<div>
								<div class="xiangmu-pic"><img class="img-responsive" src="img/juewei.png" alt=""></div>  
								<div class="xiangmu-text">
									<div class="xiangmu-table">
										<div class="xiangmu-cell">
												<p class="xiangmu-name">绝味官网</p>	
												<p class="xiangmu-jishu">技术:<br>asp.net+sql</p>
										</div>
									</div>
								</div>
							</div>
						</li>
						<li class="col-md-4 col-xs-6">
							<div>
								<div class="xiangmu-pic"><img class="img-responsive" src="img/huimei.png" alt=""></div>  
								<div class="xiangmu-text">
									<div class="xiangmu-table">
										<div class="xiangmu-cell">
											<p class="xiangmu-name">汇美商场介绍</p>	
											<p class="xiangmu-jishu">技术:asp.net+sql</p>	
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</section>
		<section class="pingjia section">
			<div class="contain container">
				<div class="quanping"></div>
					<div class="pingjia-title title16">自我评价</div>
					<div class="pingjia-list">
						<div class="geren">
						<div class="jishu-title">个人评价：</div>
						    <p>有责任心，工作踏实，性格开朗乐观，积极上进。具有很强的自学能力和良好的学习方法，喜欢研究各种新的框架。遇到困难不会轻易放弃！能够在网上查找资料解决问题！工作的宣言是注重个人能力，相信团队合作！</p>
						</div>
						<div class="jishu">
							<div class="jishu-title">技术概况：</div>
							<p><span class="circle">01</span>熟练使用 Html5 Css3 jquery bootstrap，能够合理完成web端或者移动端页面的编写和维护，思路清晰，结构完整，易于维护和持久化开发，能处理主流浏览器兼容问题。</p>
							<p><span class="circle">02</span>熟练使用原生js, 了解js面向对象原理，闭包以及原型结构，能够合理利用面向对象以及模块化开发,并且能适当完成框架封装。</p>
							<p><span class="circle">03</span>熟练使用 jQuery，并能完成相关项目。熟悉animation fullpage bootstrap等实用插件、框架的应用,轮播图，tab栏，瀑布流，延迟加载，全屏滚动等等常用功能的实现.</p>
							<p><span class="circle">04</span>掌握 Ajax交互原理，根据后台接口能够合理完成前后台交互，数据的增删改查</p>
							<p><span class="circle">05</span>了解Node.js 的工作原理会使用npm、bower环境</p>
							<p><span class="circle">06</span>熟练使用git版本分布式控制系统</p>
						</div>
					</div>

			</div>
		</section>

	</div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>	
<script src="js/jquery.fullPage.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/my.js"></script>
<script>

</script>
</html>